<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>model</title>
	<meta name="author" content="Stark" />
	<!-- Date: 2018-10-24 -->
	<script type="text/javascript" src="jquery-1.8.3.js"></script>
	<script type="text/javascript">
		$(function() {
			var ids = $("tbody td:nth-child(1)");
			var persons = ids.map(function(){
				var idn = $(this);
				var nexts = idn.nextAll();
				var namen = $(nexts[0]);
				var agen = $(nexts[1]);
				var pwdn = $(nexts[2]);
				var p = {"id":idn.html(),"name":namen.html(),"age":agen.html(),"password":pwdn.html()};
				return p;
			}).get();
			
			$(persons).each(function(n){
				alert(this.id+","+this.name+","+this.age+","+this.password);
			});
		});
	</script> 
</head>
<body>
	<table id="tus" width="700" border="1" align="center"></table>
	<table width="700" border="1" align="center" id="users">
		<thead>
			<tr>
				<td>用户标识</td>
				<td>用户姓名</td>
				<td>用户年龄</td>
				<td>用户密码</td>
			</tr>
		</thead>
		<tbody>
			<tr id="abc">
				<td>1</td>
				<td>张三</td>
				<td>23</td>
				<td>abc123</td>
			</tr>
			<tr>
				<td>2</td>
				<td>李四</td>
				<td>33</td>
				<td>abc123</td>
			</tr>
			<tr>
				<td>3</td>
				<td>王五</td>
				<td>13</td>
				<td>abc123</td>
			</tr>
			<tr>
				<td>4</td>
				<td>赵六</td>
				<td>45</td>
				<td>abc123</td>
			</tr>
			<tr>
				<td>5</td>
				<td>朱七</td>
				<td>21</td>
				<td>abc123</td>
			</tr>
		</tbody>
	</table>
</body>
</html>

